<template>
    <div class="sale-enter-depot-box">
        <!--      查询表单 -->
        <div class="search-form">
            <el-form :inline="true" class="demo-form-inline" size="mini">


                <el-form-item label="售后出库订单编号">
                    <el-input placeholder="请输入订单编号"></el-input>
                </el-form-item>

                <el-form-item label="售后出库订单类型">
                    <!--动态渲染  选择订单类型-->
                    <el-select  placeholder="选择订单类型">
                        <el-option ></el-option>
                    </el-select>
                </el-form-item>



                <el-form-item label="售后出库订单状态">
                    <!--动态渲染  选择订单类型-->
                    <el-select  placeholder="选择订单状态">
                        <el-option ></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="售后出库订单日期">
                    <el-date-picker
                            style="width: 240px"
                            type="datetimerange"

                            value-format="yyyy-MM-dd HH:mm:ss"
                            range-separator="-"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            align="left">
                    </el-date-picker>
                </el-form-item>

                <el-form-item>
                    <el-button type="primary">查询</el-button>
                    <el-button type="warning">重置</el-button>
                </el-form-item>
            </el-form>
        </div>

        <!--    表格数据-->
        <div class="data-box">
            <el-table
                    :data="tableData"
                    style="width: 100%"
                    @selection-change="selectChange">
                <el-table-column
                        align="center"
                        type="selection"
                        width="55">
                </el-table-column>

                <el-table-column
                        type="index"
                        width="55"
                        label="序号">
                </el-table-column>

                <el-table-column
                        align="center"
                        prop="goods_id"
                        label="售后出库订单编号"
                        width="180">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goods_name"
                        label="售后出库订单类型"
                        width="180">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="type_id"
                        label="售后出库订单状态"
                        width="180">
                </el-table-column>

                <el-table-column
                        align="center"
                        prop="sn_code"
                        label="订单日期"
                        width="180">
                </el-table-column>

                <el-table-column

                        label="操作">
                    <template v-slot="hanjie">
                        <el-button type="primary" size="mini" icon="el-icon-edit" @click="dialogVisible=true,formData.id=hanjie.row.id,findById()"></el-button>
                        <el-popconfirm
                                confirm-button-text='确定'
                                cancel-button-text='取消'
                                icon="el-icon-info"
                                icon-color="red"
                                @confirm="deleteById"
                                placement="top"
                                title="是否要删除本条记录？"
                        >
                            <el-button slot="reference" type="danger" size="mini" @click="formData.id=hanjie.row.id"
                                       icon="el-icon-delete"></el-button>
                        </el-popconfirm>
                    </template>
                </el-table-column>
            </el-table>
        </div>

        <!--    分页-->
        <div class="page-box">
            <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="100"
                    :page-size="searchParams.pageSize"
                    :current-page="searchParams.currentPage"
                    @current-change="currentPageChange"
            >
            </el-pagination>
        </div>


    </div>
</template>

<script>
    import brand from "./index";

    export default brand;
</script>

<style scoped>

</style>